<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-dashboard"></i><strong>选择项管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">选择项管理</li>
			</ol>
		</section>
		<section class="content">
		    <div class="box box-info">
		    	<div class="box-header with-border">
                    <i class="fa fa-th-list"></i>
                    <h4 class="box-title">选择项查询</h4>
                </div>
                <div class="box-body">
				 	<div class="form-inline">
	                     <div class="input-group">
							<input type="text" class="form-control" id="keyword"  placeholder="Search..." />
							<span class="input-group-btn">
							    <button type="button" name="search" id="search-btn" class="btn btn-info searchBtn">查询</button>
								<button type="button" name="cancel" id="cancel-btn" class="btn btn-info cancelBtn">撤消</button>
							</span>
						</div>
						<button class="btn btn-info pull-right addBtn" >添加</button>
					</div>
			 	</div>
                <div class="box box-body">
                	<table id="dataTable" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
						<thead>
							<tr>
								<th width="10%">序号</th>
								<th width="30%">操作</th>
								<th width="20%">分组编号</th>
								<th width="10%">分组</th>
								<th width="20%">名称</th>
								<th width="10%">赋值</th>
								
							</tr>
						</thead>
						<tbody>
						   
						</tbody>
					</table>
                </div>
		    </div>
		</section>
		<!--账号信息添加弹窗-->
		<div class="modal" id="optionModal">
			<div class="modal-dialog" role="dialog">
				<form id="optionEditForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title"><strong>选择项信息</strong></h4>
						</div>
						<div class="modal-body">
							<input type="hidden" name="id" id="id" />
							<input type="hidden" name="createTime" id="createTime" />
							<div class="form-horizontal">
								<div class="form-group">
									<label class="col-sm-2 control-label">序号</label> 
									<div class="col-sm-4">
										<div class="col-md-11">
											<input id="itemOrder" name="itemOrder" type="text" class="form-control"
							                   datatype="*,*1-100" nullmsg="请输入序号"/>
										</div>
										<div class="col-md-1">
											<span style="color:#F00;fontsize:30px">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">分组</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input id="group" name="group" type="text" class="form-control"
							                   datatype="*,*1-100" nullmsg="请输入分组"/>
										</div>
										<div class="col-md-1">
											<span style="color:#F00;fontsize:30px">*</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 control-label">名称</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input id="title" name="title" type="text" class="form-control"
							                   datatype="*,*1-100" nullmsg="请输入名称"/>
										</div>
										<div class="col-md-1">
											<span style="color:#F00;fontsize:30px">*</span>
										</div>
									</div>
									<label class="col-sm-2 control-label">赋值</label>
									<div class="col-sm-4">
										<div class="col-md-11">
											<input id="value" name="value" type="text" class="form-control"/>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saveBtn" >保存</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>

						</div>
					</div>
				</form>
			</div>
		</div>
		<script th:src="@{/optionSelect/optionindex.js}"></script>
	</div>

</body>
</html>